<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:p="http://primefaces.org/ui">

<ui:composition>
	<p:panel id="contentEdit" styleClass="#{categoriaProdMBean.saved}">
		<h:form id="editObject" styleClass="editAdd">
			<ui:repeat var="item" value="#{categoriaProdMBean.selectedCategoria}">
				<p:panel
					rendered="#{(categoriaProdMBean.tipoMantenimiento=='update') ? true : false}">
					<h:outputLabel value="Codigo" for="idCodigo" />
					<h:outputLabel value="#{item.id}" id="idCodigo" />
				</p:panel>
				<div class="separador"></div>
				<p:panel>
					<h:outputLabel value="Padre" for="idPadre" />
					<p:selectOneMenu id="idPadre" value="#{item.padre_id}"
						styleClass="comboText">
						<p:ajax listener="#{categoriaProdMBean.actualizarNivel()}"
							update=":contentEdit" />
						<f:selectItem itemLabel="- Seleccionar -" itemValue="0" />
						<f:selectItems value="#{categoriaProdMBean.listaComboCategoriaProd}"
							var="itemCategoria" itemLabel="#{itemCategoria.nombre}"
							itemValue="#{itemCategoria.id}" />
					</p:selectOneMenu>
				</p:panel>
				<div class="separador"></div>
				<p:panel>
					<h:outputLabel value="Categoria" for="idCategoria" />
					<h:inputText value="#{item.nombre}" id="idCategoria" />
				</p:panel>
				<div class="separador"></div>
				<p:panel>
					<h:outputLabel value="Descripcion" for="idDescripcion" />
					<h:inputText value="#{item.descripcion}" id="idDescripcion" />
				</p:panel>
				<div class="separador"></div>
				<p:panel>
					<h:outputLabel value="Imagen" for="idImagen" />
					<h:inputText value="#{item.imagen}" id="idImagen" />
				</p:panel>
				<div class="separador"></div>
				<p:panel id="itemNivel">
					<h:outputLabel value="Nivel" for="idNivel" />
					<h:inputText disabled="true" value="#{item.nivel}" id="idNivel" />
				</p:panel>
				<div class="separador"></div>
				<p:panel>
					<h:outputLabel value="Active" for="idActive" />
					<h:selectBooleanCheckbox value="#{item.estado}" id="idActive" />
				</p:panel>
				<div class="separador"></div>
			</ui:repeat>
			<p:commandButton value="Guardar" id="frmSaved"
				actionListener="#{categoriaProdMBean.updateInsertItem}"
				 update=":frmPageMantenimiento :contentEdit" />
			<p:commandButton value="Eliminar" id="frmClear"
				rendered="#{(categoriaProdMBean.tipoMantenimiento=='update') ? true : false}"
				actionListener="#{categoriaProdMBean.eliminarItem}"
				oncomplete="PF('editObject').hide()" update=":frmPageMantenimiento">
				<p:confirm header="Confirmacion" message="¿Desea Eliminar?" icon="ui-icon-alert" />
			</p:commandButton>
			<p:commandButton value="Limpiar"
				rendered="#{(categoriaProdMBean.tipoMantenimiento=='insert') ? true :false}"
				id="frmLimipiar">
				<p:ajax update=":contentEdit" resetValues="true" />
			</p:commandButton>
			<p:commandButton value="Cancelar" id="frmCancel"
				oncomplete="PF('editObject').hide()" />
		</h:form>
	</p:panel>

</ui:composition>
</html>